<<<<<<< HEAD
<template>
  <el-container>
    <el-header class="xust-header">
      <!-- 导航菜单 -->
      <el-menu mode="horizontal" v-bind:router="true">
        <el-menu-item index="/home">首页</el-menu-item>
        <el-sub-menu index="shopping">
          <template #title>购物</template>
          <el-menu-item index="/cart">购物车</el-menu-item>
          <el-menu-item index="/order">订单</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="student">
          <template #title>学生</template>
          <el-menu-item index="/stu-list">学生列表</el-menu-item>
          <el-menu-item index="/stu-add">添加学生</el-menu-item>
        </el-sub-menu>
      </el-menu>
    </el-header>
    <el-main class="xust-main">
      <!-- 路由出口 -->
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<style>
body {
  margin: 0;
}
.xust-header {
  height: 10vh;
  background-color: #dfdfdf;
}
.xust-main {
  height: 90vh;
  background-color: antiquewhite;
}
</style>
=======
<!--
 * @Author: thxsole 2478261806@qq.com
 * @Date: 2024-08-27 15:09:28
 * @LastEditors: thxsole 2478261806@qq.com
 * @LastEditTime: 2024-08-27 15:50:55
 * @FilePath: \elm-test\src\App.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script>

</script>
<template>
  <el-menu
    ellipsis
    class="el-menu-popper-demo"
    mode="horizontal"
    :popper-offset="16"
    style="max-width: 100%"
  >
    <el-menu-item index="1">首页</el-menu-item>
    <el-sub-menu index="2">
      <template #title>购物</template>
      <el-menu-item index="2-1">购物车</el-menu-item>
      <el-menu-item index="2-2">订单</el-menu-item>
      <el-sub-menu index="2-3">
        <template #title>我的账户</template>
        <el-menu-item index="2-4-1">查询余额</el-menu-item>
        <el-menu-item index="2-4-2">充值</el-menu-item>
      </el-sub-menu>
    </el-sub-menu>
    <el-sub-menu index="3" :popper-offset="8">
      <template #title>收藏夹</template>
      <el-menu-item index="3-1">收藏的宝贝</el-menu-item>
      <el-menu-item index="3-2">收藏的店家</el-menu-item>
    </el-sub-menu>
    <el-menu-item index="4" disabled>敬请期待</el-menu-item>
    <el-menu-item index="5">寻求帮助</el-menu-item>
  </el-menu>
</template>
>>>>>>> origin/master
